@CHARSET "UTF-8";
/************************************************************************************
 MEDIA QUERIES
 *************************************************************************************/

/* for 980px or less */
@media screen and (max-width: 980px) {

#pagewrap { width: 94%; }
#content { width: 67%; }
#sidebar { width: 30%; }

/** Form Login **/
.header-form-login { margin-left: 61%; }

}

/* for 960px or less */
@media screen and (max-width: 960px) {

/** Form Login **/
.header-form-login { margin-left: 59%; }

}

/* for 900px or less */
@media screen and (max-width: 900px) {

/** Form Login **/
.header-form-login { margin-left: 55%; }
.header-mobile-form-login { display: none; }

}

/* for 840px or less */
@media screen and (max-width: 840px) {

/** Form Login **/
.header-form-login { margin-left: 53%; }

}


/* for 800px or less */
@media screen and (max-width: 800px) {
	
/** Sidebar Desktop **/
#sidebar ul.sidebar-desktop-list li { width: 80%; }
/** Form Login **/
.header-form-login { margin-left: 50%; }

}

/* for 760px or less */
@media screen and (max-width: 760px) {

/** Form Login **/
.header-form-login { margin-left: 46%; }

}

/* for 700px or less */
@media screen and (max-width: 700px) {

#content { width: auto; float: none; }
#sidebar { width: auto; float: none; }
/** Change SideBar **/
#sidebar ul.sidebar-desktop-list li { padding: 0 7% 0 7% !important; }
.sidebar-desktop-list li { width: 80%; display: inline; list-style-type: none; }
.sublist { width: 90% !important; } 
/** Change Login **/
.header-mobile-link-login { display: block; margin-left: 88%; }
.header-mobile-form-login { margin-left: 72%; }
.header-form-login { display: none; }

}

/* for 670px or less */
@media screen and (max-width: 670px) {
/** Change Sublist **/
.sublist { width: 91% !important; }
.header-mobile-form-login { margin-left: 71%; }

}

/* for 620px or less */
@media screen and (max-width: 620px) {
/** Change SideBar **/
#sidebar ul.sidebar-desktop-list li { padding: 0 6% 0 6% !important; }
/** Change Sublist **/
.sublist { width: 87% !important; }

}

/* for 580px or less */
@media screen and (max-width: 580px) {

/** Change Login **/
.header-mobile-link-login { display: block; margin-left: 86%; }
.header-mobile-form-login { margin-left: 68%; }
/** Change Sublist **/
.sublist { width: 91% !important; }

}

/* for 540px or less */
@media screen and (max-width: 540px) {

/** Change Login **/
.header-mobile-link-login { display: block; margin-left: 86%; }
.header-mobile-form-login { margin-left: 66%; }
/** Change Sublist **/
.sublist { width: 95% !important; }

}

/* for 500px or less */
@media screen and (max-width: 500px) {

/** Change Login **/
.header-mobile-link-login { display: block; margin-left: 83%; }
.header-mobile-form-login { margin-left: 61%; }
/** Change Sublist **/
.sublist { width: 97% !important; }
}

/* for 480px or less */
@media screen and (max-width: 480px) {

#header { height: auto; }
h1 { font-size: 24px; }
#sidebar {height: auto; }

/** Change SideBar **/
.sidebar-desktop-list li { display: inline; list-style-type: none; }
.sublist {width: 67% !important;}
#sidebar ul.sidebar-desktop-list li { padding: 0 2% 0 2% !important; }

/** Change Login **/
.header-mobile-link-login { display: block; margin-left: 81%; }
.header-mobile-form-login { margin-left: 53%; }
.header-form-login { display: none; }

/** Content Products **/
#content table.products-content { margin-left: 25%; }

}

/* for 420px or less */
@media screen and (max-width: 420px) {
/** Change Sublist **/
.sublist { width: 80% !important; }
}